<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ include file="/common/taglibs.jsp" %>
<%@page contentType="text/html;charset=UTF-8" %>
<%@page pageEncoding="UTF-8" %>
<html>
<head>
    <title>星卡消费历史</title>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/history/history-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/json/json-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/datasource/datasource-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/datatable/datatable-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/paginator/paginator-min.js"></script>
    
    <script type="text/javascript" src="${static_server_root}/static/scripts/card/free-order.js"></script>
    
    <script type="text/javascript" src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-sliderAccess.js"></script>
    <script type="text/javascript" src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-timepicker-addon.js"></script>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/scripts/timepicker/js/jquery-ui-timepicker-addon.css"/>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/scripts/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css"/>
    
    <script type="text/javascript">
        $(document).ready(function () {
            $('#startDate').datepicker({dateFormat: "yy-mm-dd"});
            $('#endDate').datepicker({dateFormat: "yy-mm-dd"});
        });
    </script>
</head>
<body>
<div class="yui-g">

    <fieldset>
        <legend>星卡消费历史</legend>

        <div>
            <div class="operator-btn" style="padding-left: 5px;">
                <label for="username">登录名(username):</label>
                <input type="text" id="username" name="username" size="20"/>
                <label for="nickname">用户名:</label>
                <input type="text" id="nickname" name="nickname" size="20"/>
                <label for="deviceNumber">机器编号:</label>
                <input type="text" id="deviceNumber" name="deviceNumber" size="20"/>
                <label for="startDate">消费开始时间:</label>
               	<input id="startDate" name="startDate" type="text" size="10"/>
                <label for="endDate">消费结束时间:</label>
                <input id="endDate" name="endDate" type="text" size="10"/>
                <input type="button" name="query_txs_btn" value='<fmt:message key="button.search"/>' id="query_txs_btn"/>
            </div>
            <div class="operator-btn">
                <%-- <input type="checkbox" id="selectTxsAll" name="selectTxsAll" value="0">--%>
                <input type="button" id="refreshTxsThread" name="refreshTxsThread" value="<fmt:message key='refresh'/>">
            </div>
        </div>
    </fieldset>
</div>
<div class="yui-g">
    <div id="txs-thread-paging_top" class="paging"></div>
    <div id="txs-thread-list"></div>
    <div id="txs-thread-paging" class="paging"></div>
</div>
</body>
</html>
